<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <title>悟空钱包</title>
    <meta charset="utf-8" />
    <link href="../css/main.css?rev=@@hash" rel="stylesheet" />

    <style type="text/css">
		body{
			background:#80C2FE;
        }    
        .view {
            padding-top: .2rem;
        }
        .login_logo{
            width: .8rem;
            height: .8rem;
            display: block;
            border-radius: .1rem;
            margin: .65rem auto .56rem;
        }
        .login_btn{
            width: 2.31rem;
            height: .36rem;
            display: block;
            margin-left: .7rem;
        }
        .login_item{
            height: .5rem;
            line-height: .5rem;
            margin: 0 .2rem 0;
            align-items: center;
            background: #fff;
        }
        .login_item2{
            position: relative;
        }
        .login_item2::before{
            content: " ";
            position: absolute;
            left: .1rem;
            top: 0;
            width: 3.15rem;
            height: 1px;
            border-top: 1px solid #E4E4E4;
            color: #E4E4E4;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
        }
        .login_item_bR1{
            border-radius: .1rem .1rem 0 0;
        }
        .login_item_bR2{
            border-radius: 0 0 .1rem .1rem;
        }
        .login_item3{
            font-size: .11rem;
            height: .4rem;
            margin: .1rem .3rem 0;
        }
        .login_item input{
            width: 100%;
            font-size: .14rem;
        }
        .loginicon{
            width: .21rem;
            height: auto;
            margin: .18rem .1rem 0 .1rem;
        }
        .login_btn_code{
            display: block;
            width: .8rem;
            height: .3rem;
            line-height: .3rem;
            font-size: .12rem;
            color: #5c86ff;
            text-align: center;
            border: .01rem solid #5c86ff;
            border-radius: .25rem;
        }
        .login_check{
		    width: .15rem;
		    height: .15rem;
		    margin-right: .06rem;
		    margin-top: .01rem;
        }
        #btnImgCode{
            width: .67rem;
            height: .29rem;
            margin-right: .1rem;
        }

        .downloadbar {
            width: 2.3rem;
            margin: 0 auto;
            overflow: hidden;
        }
        .downloadbar a {
            display: block;
            width: 1rem;
            line-height: .35rem;
            margin: .2rem 0;
            color: white;
            border-radius: .05rem;
        }
        .downloadbar a img {
            display: block;
            padding: .05rem;
            height: .2rem;
            width: .2rem;
            float: left;
        }
        #appleDownload {
            background-color: green;
            float: left;
        }
        #androdDownload {
            background-color: rgb(253,138,80);
            float: right;
        }
        #loginBtn {
            position: static;
            width: 3.35rem;
            height: .45rem;
            font-size: .15rem;
            margin: 0 .2rem 0 .2rem;
            line-height: .45rem;
            background: #3276fe;
            border-radius: .25rem;
            box-shadow: 0 0 0 #fff;
        }
        .bottomBg{
            width: 100%;
            height: 1.13rem;
            background:url(../img/bottom.png) no-repeat center;
            background-size: 100%;
            position: fixed;
            bottom: 0;
            z-index: -1;
        }
        .active_color {
		    color: #0B49C4 !important;
		}
    </style>
</head>
<body>
    <div class="layer_load">
      <div class="layer_mask"></div>
      <div class="layer_load_icon iconfont icon-loading"></div>
    </div>

    <div class="view">
        <div><img class="login_logo" src="../img/login_logo.png"></div>

        <div class="login_box">
            <div class="flex login_item login_item_bR1">
                <div><img class="loginicon" src="../img/login_user.png"></div>
                <div class="cell_cn">
                    <input type="tel" name="" id="txtMobile" placeholder="请输入您的手机号" maxlength="11">
                </div>
            </div>
            <div class="flex login_item login_item2">
                <div><img class="loginicon" src="../img/login_imgcode.png"></div>
                <input type="text" placeholder="请输入图形验证码" maxlength="6" id="txtImgCode" />
                <input type="hidden" id="hdImgCodeID" value="" />
                <div class="cell_ft">
                    <img src="" id="btnImgCode"/>
                </div>
            </div>
            <div class="flex login_item login_item2 login_item_bR2">
                <div><img class="loginicon" src="../img/login_code.png"></div>
                <div class="cell_cn">
                    <input type="tel" placeholder="短信验证码" id="txtCode" maxlength="6" />
                </div>
                <div class="cell_ft">
                    <a href="javascript:;" class="login_btn_code" id="btnCode">获取验证码</a>
                </div>
            </div>
            <div class="flex login_item3">
                <div><img class="login_check" src="../img/bingoYes.png"></div>
                <div>我已阅读并同意<a class="active_color" href="../help/serviceprotocol.html">《服务协议》</a></div>
            </div>
        </div>
        <div id="loginBtn" class="login_btn submitBtn" >登录</div>
        <div class="bottomBg"></div>
    </div>
    <!-- 脚本 -->
    <script src="../lib/zepto.min.js?rev=@@hash"></script>
    <script src="../js/main.js?rev=@@hash"></script>
    <script src="../js/user/login.js?rev=@@hash"></script>
</body>
</html>
